<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表页</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/list.css">
    <link rel="stylesheet" href="css/pagination.css">
    <script src="script/list_module.js" type="module"></script>
</head>

<body>
    <div class="header">
        <div class="head-top-heart">
            <div class="head-top">
                <div class="head-top-left">
                    <a href="javascript:;">邮乐首页</a>
                    <div class="left-list">
                        <span>杭州</span>
                        <dl>
                            <dt>
                                <p>所有</p>
                                <u>北京</u>
                                <u>上海</u>
                                <u>广州</u>
                                <u>深圳</u>
                            </dt>
                            <dd>
                                <u>杭州</u>
                                <u>天津</u>
                                <u>武汉</u>
                                <u>郑州</u>
                                <u>丽江</u>
                                <u>泰山</u>
                                <u>西藏</u>
                                <u>厦门</u>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="head-top-right">
                    <ul>
                        <li class="spans"> <span></span></li>
                        <li class="welcom"> <u>你好，欢迎来到邮乐网！</u></li>
                        <li>
                            <div class="admin" style="display: none;">
                                <a href="javascript:;">退出</a>
                            </div>
                        </li>
                        <li> <a href="login.html"><em>[请登录]</em></a></li>
                        <li> <a href="registry.html"><em>[免费注册]</em></a></li>
                        <li class="myul">
                            <a href="javascript:;">我的邮乐</a>
                            <ul>
                                <li>我的订单</li>
                                <li>我的收藏</li>
                                <li>我的消息</li>
                            </ul>
                        </li>
                        <li class="myul">
                            <a href="javascript:;">手机邮乐</a>
                            <div class="phone-img"></div>
                        </li>
                        <li class="allshop">
                            <u></u>
                            <a href="javascript:;">全部商品分类</a>
                            <b></b>
                        </li>
                        <li>
                            <a href="javascript:;">网站地图</a>
                        </li>
                        <li class="help">
                            <a href="javascript:;">帮助中心</a>
                            <ul>
                                <li>购物指南</li>
                                <li>支付帮助</li>
                                <li>配送方式</li>
                                <li>售后服务</li>
                                <li>关于邮乐</li>
                            </ul>
                        </li>
                        <li class="tels">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="head-main">
            <div class="logo">
                <a href="index1.html">
                    <img src="img/logo.png" alt="">
                </a>
            </div>
            <div class="head-main-min">
                <div class="min-top">
                    <input type="text" placeholder="油特惠会员，天天享特惠！">
                    <button></button>
                </div>
                <div class="min-bot">
                    <a href="javascript:;"><strong>精准扶贫</strong></a>
                    <a href="javascript:;"><strong>中国集邮</strong></a>
                    <a href="javascript:;">新鲜水果</a>
                    <a href="javascript:;">奶粉</a>
                    <a href="javascript:;">潮流女鞋</a>
                    <a href="javascript:;">洗发护发</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">坚果炒货</a>
                    <a href="javascript:;">纸巾</a>
                </div>
            </div>
            <div class="head-main-right">
                <div class="r-box">
                    <a href="cartlist.html" target="_blank">购物车</a>
                    <b>3</b>
                </div>
            </div>
        </div>

        <div class="head-nav">
            <div class="layout">
                <div class="cate-hd" data-uspm="100014">
                    <a data-uspm="all" href="//search.ule.com/" title="全部邮乐商品分类"></a>
                </div>

                <ul class="navlinks" data-uspm="121" data-uspm-type="all">
                    <li class="li-home" name="home" srcid="no"><a data-uspm="home" class="nav-home" href="//www.ule.com/" target="_blank">首页</a></li>
                    <li class="li-special" name="special"><a data-uspm="special" class="nav-special" href="//www.ule.com/special.html" srcid="Homepage_nav_002" target="_blank">天天特卖</a></li>
                    <li class="li-coupon" name="coupon"><a data-uspm="coupon" class="nav-coupon" href="//www.ule.com/event/2016/0307/index.html" srcid="Homepage_nav_003" target="_blank">优惠券</a></li>
                    <li class="li-board" name="board"><a data-uspm="board" class="nav-board txt-down" href="//www.ule.hk/" srcid="Homepage_nav_004" target="_blank">海外馆</a></li>

                    <li class="li-ulenp" name="ulenp"><a data-uspm="ulenp" class="nav-ulenp" href="//www.ule.com/event/tmpl/ule.html?actId=2060" srcid="Homepage_nav_005" target="_blank">邮乐农品</a></li>
                    <li class="li-life" name="life"><a data-uspm="life" class="nav-life" href="//life.ule.com/" srcid="Homepage_nav_006" target="_blank">生活缴费</a></li>
                    <li class="li-trip" name="trip"><a data-uspm="trip" class="nav-trip" href="//trip.ule.com/" srcid="Homepage_nav_007" target="_blank">邮乐旅行</a></li>
                    <li class="li-tehui" name="tehui"><a data-uspm="tehui" class="nav-tehui" href="//www.ule.com/event/2019/tehui/ule.html" srcid="Homepage_nav_008" target="_blank">邮特惠</a></li>
                    <li class="li-jf" name="jf"><a data-uspm="jf" class="nav-tehui" href="//jf.ule.com/?adid=Internal_pc_yhg" srcid="Homepage_nav_009" target="_blank">邮惠购积分</a></li>

                </ul>
            </div>

        </div>
    </div>
    <div class="search-top">
        <a href="#">首页</a>&gt;
        <a href="#">所有分类</a>&gt;
        <a href="#">特色美食</a>&gt;
        <a href="#">新鲜水果</a>&gt;
        <a href="#">芒果</a>
        <input type="text" placeholder="在当前条件下搜索">
    </div>
    <div class="searchContent">
        <div class="pinpai">
            <div class="pinpai-left">&gt;品牌</div>
            <div class="pinpai-right">
                <ul>
                    <li><a href="#">不限</a></li>
                    <li><a href="#">ABC</a></li>
                    <li><a href="#">DEF</a></li>
                    <li><a href="#">GHI</a></li>
                    <li><a href="#">JKL</a></li>
                    <li><a href="#">MNO</a></li>
                    <li><a href="#">PRQ</a></li>
                    <li><a href="#">STU</a></li>
                    <li><a href="#">VWX</a></li>
                    <li><a href="#">YZ</a></li>
                </ul>
                <ul>
                    <li><a href="#">三只松鼠</a></li>
                    <li><a href="#">巧杰</a></li>
                    <li><a href="#">蓝梦缘</a></li>
                    <li><a href="#">名生世家</a></li>
                    <li><a href="#">佳仁</a></li>
                    <li><a href="#">酒美乐</a></li>
                    <li><a href="#">东姚</a></li>
                    <li><a href="#">聚奢玺</a></li>
                    <li><a href="#">云图</a></li>
                    <li><a href="#">名生之家</a></li>
                    <li><a href="#">马氏丰味</a></li>
                    <li><a href="#">26度果园</a></li>
                    <li><a href="#">ELESAHOME</a></li>
                    <li><a href="#">果满家</a></li>
                    <li><a href="#">凯仕欧派</a></li>
                    <li><a href="#">佳怡康</a></li>
                    <li><a href="#">颇非</a></li>
                    <li><a href="#">誉福农</a></li>
                </ul>
            </div>
        </div>
        <div class="dizhi">
            <div class="dizhi-left">&gt;产地</div>
            <div class="dizhi-right">
                <p>
                    <a href="#">海南</a>
                    <a href="#">福建</a>
                    <a href="#">越南</a>
                    <a href="#">广西</a>
                    <a href="#">四川</a>
                </p>
                <p> <a href="#">贵州</a>
                    <a href="#">云南</a>
                    <a href="#">广东</a>
                    <a href="#">缅甸</a>
                    <a href="#">泰国</a>
                </p>
            </div>
        </div>
        <div class="weight">
            <div class="weight-left">&gt;重量</div>
            <div class="weight-right">
                <p> <a href="#">5kg以上</a>
                    <a href="#">1.1-2.5kg</a>
                    <a href="#">2.6-5kg</a>
                    <a href="#">1.1kg以下</a>
                </p>
            </div>
        </div>
        <div class="all">
            <div class="all-left">&gt;包装方式</div>
            <div class="all-right">
                <p> <a href="#">简装</a>
                    <a href="#">礼盒</a>
                </p>
            </div>
        </div>
    </div>
    <p><button class="active">默认</button><button>价格升序</button></p>
    <div class="main">
        <div class="list">
            <ul>

            </ul>
        </div>
        <!-- 加载分页的结构 ：page-->
        <div class="pagelist">
            <div class="m-style page">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="layout">
            <div class="foot-banner" data-uspm="131">
                <a data-uspm="no" class="foot-banner-post" href="http://www.chinapost.com.cn/" target="_blank" title="中国邮政">中国邮政</a>
                <a data-uspm="no" class="foot-banner-tom" href="http://www.tom.com/" target="_blank" title="TOM">TOM</a>
                <a class="foot-banner-commitment" href="//www.ule.com/help/real.html" target="_blank" title="品质保障 优选邮乐">品质保障优选邮乐</a>
                <a class="foot-banner-free" href="//help.ule.com/helpcenter/64/4.html" target="_blank" title="覆盖城乡 安全速达">覆盖城乡 安全速达</a>
            </div>

            <div class="foot-helper">
                <ul class="clearfix">
                    <li class="i1">
                        <h4>购物指南</h4>
                        <p data-uspm="141"><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/61/1.html">购物流程</a>
                            <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/89/29.html">使用优惠券</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/83/23.html">积分规则</a><a target="_blank" rel="nofollow" href="https://my.ule.com/usr/forgetUserInfor.do">如何找回密码</a>
                            <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/88/28.html">订单多包裹配送</a><a target="_blank" href="//www.ule.com/hsk/ALL-1.html">热搜词榜</a><a target="_blank" href="//help.ule.com/helpcenter/101/429.html" title="在线客服（邮乐通）">在线客服（邮乐通）</a>
                            <a target="_blank" href="//www.ule.com/brand/A-1.html">品牌大全</a>


                        </p>
                    </li>
                    <li class="i2">
                        <h4>支付帮助</h4>
                        <p data-uspm="142"><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/90/30.html">邮乐卡支付</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/86/26.html">网上银行支付</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/1259/1561.html">账户余额支付</a>
                            <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/1260/1562.html">聚合支付</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/67/7.html">发票说明</a></p>
                    </li>
                    <li class="i3">
                        <h4>配送方式</h4>
                        <p data-uspm="143"><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/74/14.html">海外购物配送</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/65/5.html">签收拒收规则</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/64/4.html">配送时间/范围/运费</a></p>
                    </li>
                    <li class="i4">
                        <h4>售后服务</h4>
                        <p data-uspm="144"><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/66/20.html">退换货规则</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/87/27.html">退款说明</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/68/8.html">联系客服</a>
                            <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/102/42.html">退换货流程</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/103/43.html">退换货运费补偿标准</a>
                            <!--<a target="_blank" rel="nofollow" href="//my.ule.com/returnorders/login.jsp">线下购物订单服务</a>--><a target="_blank" rel="nofollow" style="display: none;" href="//my.ule.com/myShoppingOrderWeb/buyerOrderView.do">纠纷申诉</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/105/45.html">纠纷申诉处理规则说明</a></p>
                    </li>
                    <li class="i5">
                        <h4>特色服务</h4>
                        <p data-uspm="145"><a target="_blank" href="//yzg.ule.com">邮掌柜</a>
                            <!--<a target="_blank" href="//www.ule.com/tg/">大客户团购</a>--><a target="_blank" href="//help.ule.com/helpcenter/75/15.html">邮乐海外站</a><a target="_blank" href="//help.ule.com/helpcenter/85/25.html">手机充值</a></p>
                    </li>
                    <li class="i6">
                        <h4>关于邮乐</h4>
                        <p data-uspm="146"><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/70/10.html">邮乐简介</a> <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/72/12.html">邮乐招商</a> <a target="_blank" rel="nofollow" href="http://merchant.ule.com/merJoinInPersonal/login/entry.do">商家入驻</a>
                            <a target="_blank" rel="nofollow" href="//merchant.ule.com">商家中心</a> <a target="_blank" href="//search.ule.com/link.html">友情链接</a><a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/62/16.html">用户协议</a>
                            <a target="_blank" rel="nofollow" href="//help.ule.com/helpcenter/63/3.html">隐私权保护</a>
                            <a target="_blank" href="//www.ule.com/zone/sitemap.html">网站地图</a>
                        </p>
                    </li>
                </ul>
            </div>

            <div class="foot-license">
                <ul>
                    <!--<li class="first">出版物经营许可证编号：沪零字第L6687号</li>-->
                    <li>酒类商品零售许可证：浦市监酒零字 第 JY13101150070309-JL 号</li>
                    <li>食品经营许可证：JY13101150070309</li>
                    <li>统一社会信用代码：913100006916203638</li>
                </ul>
            </div>

            <div class="foot-copyright">
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502009005" target="_blank" style="color:#999">沪公网安备 31011502009005号</a>
                <span class="sep">|</span>
                <a href="https://beian.miit.gov.cn" target="_blank" style="color:#999">沪ICP备 13037728号-1</a>
                <span class="sep">|</span> (沪)网械平台备字[2020]第00009号
                <span class="sep">|</span> Copyright 2009-2021, 版权所有上海邮乐网络技术有限公司 ULE.COM
            </div>

            <div class="foot-iconlink clearfixs" data-uspm="151">
                <a data-uspm="no" href="http://www.chinapost.com.cn/" target="_blank" title="中国邮政"><b>中国邮政</b></a>
                <a data-uspm="no" href="http://www.tom.com/" target="_blank" title="TOM"><b>TOM</b></a>
                <!--<a data-uspm="no" rel="nofollow" href="https://ss.knet.cn/verifyseal.dll?sn=2010110500100002794&ct=df&a=1&pa=0.07429198059253395" target="_blank" title="可信网站身份验证"><b>可信网站</b></a> -->
                <a data-uspm="no" href="http://www.ems.com.cn/" target="_blank" title="EMS"><b>EMS</b></a>
                <a data-uspm="no" href="//www.psbc.com/" target="_blank" title="中国邮政储蓄银行"><b>中国邮政储蓄银行</b></a>
                <a data-uspm="no" rel="nofollow" href="http://net.china.cn/" target="_blank"><b>不良信息举报中心</b></a>
                <a style="cursor:default"><b>上海网警网络110</b></a>
                <a data-uspm="no" rel="nofollow" href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=2016022414024626" target="_blank"><b>上海工商</b></a>
                <a data-uspm="no" rel="nofollow" href="https://credit.szfw.org/CX20160129013585370170.html" target="_blank"><b>诚信网站</b></a>
            </div>
        </div>
    </div>

</body>

</html>